<template>
  <div class="register">
    <common-header />
    <div class="app-container app-center">
      <register-content />
      <icon-tips />
    </div>
    <common-footer />
  </div>
</template>
<script setup>
import CommonHeader from "@/components/common/CommonHeader.vue";
import RegisterContent from "@/components/register/RegisterContent.vue";
import IconTips from "@/components/common/IconTips.vue";
import CommonFooter from "@/components/common/CommonFooter.vue";
</script>
<style scoped>
.register{
    --color-main: #002FFF;
    --color-submain: #0023BD;
    --hover-color: #0023BD;
    --background: #fff;
    --bg-border-color: #0023BD;
    --active-button: #0023BD;
    --color-footer: #F78F22;
    --disabled-button: #5974ED;
}
</style>
